import React, { Component } from 'react'
// import qs from 'querystring'

const DetailData =[
  {id:'01',content:"你好，中国"},
  {id:'02',content:"你好，宁波"},
  {id:'03',content:'你好，万里'}
]

export default class Detail extends Component {
  render() {
    // const findResult = DetailData.find((detailObj)=>{
    //   return detailObj.id === this.props.match.params.id
    // })
    // return (
    //   <ul>
    //     <li>ID:{this.props.match.params.id}</li>
    //     <li>TITLE:{this.props.match.params.title}</li>
    //     <li>CONTENT:{findResult.content}</li>
    //   </ul>
    // )

    // const {search} = this.props.location
    // const Info = qs.parse(search.slice(1))
    // const findResult = DetailData.find((detailObj)=>{
    //   return detailObj.id === Info.id
    // })
    // return(
    //   <ul>
    //     <li>ID:{Info.id}</li>
    //     <li>TITLE:{Info.title}</li>
    //     <li>CONTENT:{findResult.content}</li>
    //  </ul>
    // )

    const {id,title} = this.props.location.state || {}
    const findResult = DetailData.find((detailObj)=>{
      return detailObj.id === id
    }) || {}
    return(
        <ul>
          <li>ID:{id}</li>
          <li>TITLE:{title}</li>
          <li>CONTENT:{findResult.content}</li>
       </ul>
      )

  }
}
